<!DOCTYPE html>

<head>
    <meta charset="utf-8"/>
    <title>Evolution - Free CSS Template</title>
    <meta name="description" content="Free website template released by Sitebee Web Development.">
    <meta name="keywords" content="free, template, html5">
    <meta name="author" content="Sitebee Web Development">
    <link rel="stylesheet" href="./css/style.css"/>
</head>

<body>
<div class="page">
    <header>
        <div class="headl">
            <hgroup>
                <h1>Evolution</h1>
            </hgroup>
        </div>
        <div class="headr">
            <!-- nav start -->
            <nav class="nav">
                <ul>
                    <li class="current active"><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
            <!-- nav end -->
        </div>
    </header>
    <!-- content start -->
    <div class="content">
        <!-- one col -->
        <div class="one-col separator">
            <div class="col">
                <h2>Evolution - Free HTML5 Template</h2>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies
                    mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
                    Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit
                    eget tincidunt condimentum, eros
                    ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
                <p>Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus,
                    tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
                    tincidunt quis, accumsan porttitor,
                    facilisis luctus, metusMorbi sagittis, dolor nec tempor condimentum, libero quam euismod quam, sed
                    sodales purus nisl eget felis. Pellentesque elit massa, cursus id venenatis quis; feugiat a turpis.
                    Cum sociis natoque penatibus
                    et magnis dis parturient montes, nascetur ridiculus mus. Sed enim massa; pretium ac accumsan in,
                    feugiat ac magna. Morbi ut lectus ante, ac tristique orci.</p>
            </div>
        </div>
        <!-- ENDS one col -->

        <!-- three col -->
        <div class="three-col separator">
            <div class="col">
                <p><img src="images/html5logo.png" alt="html5-logo" height="250" width="250"></p>
            </div>
            <div class="col">
                <h4>Tested with FF, IE9 &amp; Chrome</h4>
                <p>Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo
                    vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum
                    orci, sagittis tempus lacus enim
                    ac dui. </p>
                <p>Quisque sit amet est et homo sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
                    commodo vitae, ornare sit. </p>
            </div>
            <div class="col last">
                <p><img src="images/css3-logo.png" alt="css3-logo" height="250" width="250"></p>
            </div>
        </div>
        <!-- ENDS three col -->

        <!-- two col -->
        <div class="two-col separator">
            <div class="col">
                <h3>Valid HTML5 &amp; CSS3</h3>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies
                    mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et homo sapien ullamcorper
                    pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. </p>
            </div>
            <div class="col last">
                <img src="images/evolution.png" alt="monkeyman" height="142" width="400">
            </div>
        </div>
        <!-- ENDS two col -->
        <!-- content end -->

        <!-- footer start -->
        <footer>
            <div class="footerleft">
                Evolution - HTML5 Template
            </div>
            <div class="footerright">
                <a href="">Sitemap</a> | <a href="">Privacy</a> | <a href="">Contact</a>
            </div>
        </footer>
        <!-- footer end -->
    </div>
</div>
</body>

</html>